@import '@/less/common.less';

.relation-ship {
  .van-tabs__line {
    background-color: @themeColor;
  }

  .list {
    padding: 10px 30px;
    background-color: #f8f8f8;
    min-height: 100vh;

    .user-item {
      padding: 20px;
      border-top: 1px solid #dddddd;
      display: flex;
      justify-content: space-between;
      align-items: center;

      .left {
        display: flex;
        align-items: center;
        font-size: 30px;
        font-weight: 600;

        Image {
          margin-right: 30px;
          width: 100px;
          height: 100px;
          border-radius: 50%;
        }
      }

      .right {
        .btn-follow {
          border: 1px solid #dddddd;
          padding: 10px 0;
          border-radius: 30px;
          width: 150px;
          text-align: center;
          &.active {
            background-color: orange;
            color: #ffffff;
            border: 1px solid orange;
          }
        }
      }
    }
  }

  .loading {
    padding: 10px 0;
    .flex-center();
  }

  .tab {
    position: fixed;
    z-index: 999;
    width: 100%;
  }

  .block {
    height: var(--tabs-line-height, 88px);
  }
}
